<!--
 * @Author: Lee
 * @Date: 2023-06-06 15:44:33
 * @LastEditors: Lee
 * @LastEditTime: 2023-06-13 18:09:51
 * @Description: 
-->
<script setup>
import Responsive from './components/01.Responsive/index.vue';
import LifeCircles from './components/02.LifeCircles/index.vue';
import Templates from './components/03.Templates/index.vue';
import Computed from './components/04.Computed/index.vue';
import ClassAndStyles from './components/05.ClassAndStyles/index.vue';
import ConditionalRendering from './components/06.ConditionalRendering/index.vue';
import ListRendering from './components/07.ListRendering/index.vue';
import Event from './components/08.Event/index.vue';
import Form from './components/09.Form/index.vue';
import Watch from './components/10.Watcher/Watch.vue';
import TemplateRef from './components/11.TemplateRef/index.vue';
import Components from './components/12.Components/index.vue';
import Composables from './components/13.Composables/index.vue';
import CustomDirectives from './components/14.CustomDirectives/index.vue';
import Plugins from './components/15.Plugins/index.vue';
import TransitionAndAni from './components/16.TransitionAndAni/index.vue';
</script>

<template>
  <div class="App">
    <!-- <Responsive /> -->
    <!-- <LifeCircles /> -->
    <!-- <Templates /> -->
    <!-- <Computed /> -->
    <!-- <ClassAndStyles /> -->
    <!-- <ConditionalRendering /> -->
    <!-- <ListRendering /> -->
    <!-- <Event /> -->
    <!-- <Form /> -->
    <!-- <Watch /> -->
    <!-- <TemplateRef /> -->
    <!-- <Components /> -->
    <!-- <Composables /> -->
    <!-- <CustomDirectives /> -->
    <!-- <Plugins /> -->
    <TransitionAndAni />
  </div>
</template>
